#fullpage{
  .section{
    &:first-child{
    background: url("http://image.wufazhuce.com/FlNNNtohxi-VvgjIRJgQLd064TPX") no-repeat  center ,
    linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8));
    background-size: cover;
      .text{
        padding:10px;
        position: absolute;
        bottom:30px;
        color:white;
      }
    }
    .articles{
      padding:20px;
      position: absolute;
      top:0;
      .info{
      }
       .article{
        .poster{
          background:  no-repeat center;
          background-image: url('/images/baiyezhuixiong.webp');
          background-size: cover;
          height:100px;
          
        }
        p.author{
          text-indent:25px
        }
        a.read{
          margin-left:20px;
        }
       }
    }
  }
}
.first-sceen{
  // linear-gradient(to bottom,#ffffff 70%, #444444 100%);
  position: absolute;
  left:0;
  top:0;
  height: 100%;
  width: 100%;
  z-index: -1;
  .mask{
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8));
    // background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8));
  }
  .text{
    position: absolute;
    bottom: 20px;
    color:white;
    padding:15px;
  }
  .scroll-bottom{
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    position: absolute;
    bottom:0;
    height: 20px;
    line-height: 20px;
    img{
      width: 15px;
      height: 10px;
    }
  }
}